<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title></title>
    <link rel="stylesheet" type="text/css" href="/wechat/css/public.css"/>
    <link rel="stylesheet" type="text/css" href="/wechat/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="/wechat/css/style.css"/>
    <title></title>
</head>
<body>
<div class="select">
    <form action="" class="layui-form">
        <div class="layui-form-item">
            <label class="layui-form-label">适合月龄段</label>
            <div class="layui-input-block">
                <select name="city" lay-verify="required">
                    @foreach($month_ages as $ma)
                        <option value="{{ $ma->id  }}"
                                @if($current_selecte_monght_age_id == $ma->id)selected @endif> {{ $ma->title  }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </form>
</div>
<div class="xiang">
    <ul class="clearfix ul">
        @foreach($courses_chunk as $courses)
            <div class="clearfix">
                @foreach($courses as $course)
                    <li class="lii">
                        <h3 class="h3">{{ $course->name  }}</h3>
                        <ul class="ull">
                            @foreach( $course->description as $line )
                                <li>{{ $line }}</li>
                            @endforeach
                        </ul>
                    </li>
                @endforeach
            </div>
        @endforeach
    </ul>
</div>
<div class="foot1">

</div>

</body>
<script src="/wechat/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="/wechat/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<!--城市选择插件-->
<script src="/wechat/js/common.js" type="text/javascript" charset="utf-8"></script>
<script>
    $(function () {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        $(document).on('mousedown', '.layui-anim dd', function () {
            var value = $(this).attr('lay-value');
            if (value != {{ $current_selecte_monght_age_id }}) {
                window.location.href = "/wx/courses_intro?id=" + value;
            }
        });
    });
</script>
</html>
